<section id="menu">

</section>
<header>Vota corso</header>

<div id="scrollableframe">
    <div class="scroller">
        <form>
            <div class="frame centeredframe">
                <ul class="rating-container">
                    <li>
                        <label>Interesse: </label>
                        <div id="inte" class="rating">
                            <input type="radio" id="interessestar5" name="interesse" value="5" /><label for="interessestar5"></label>
                            <input type="radio" id="interessestar4" name="interesse" value="4" /><label for="interessestar4"></label>
                            <input type="radio" id="interessestar3" name="interesse" value="3" /><label for="interessestar3"></label>
                            <input type="radio" id="interessestar2" name="interesse" value="2" /><label for="interessestar2"></label>
                            <input type="radio" id="interessestar1" name="interesse" value="1" /><label for="interessestar1"></label>
                        </div>
                    </li>
                    <li>
                        <label>Utilita': </label>
                        <div id="util" class="rating">
                            <input type="radio" id="utilitastar5" name="utilita" value="5" /><label for="utilitastar5"></label>
                            <input type="radio" id="utilitastar4" name="utilita" value="4" /><label for="utilitastar4"></label>
                            <input type="radio" id="utilitastar3" name="utilita" value="3" /><label for="utilitastar3"></label>
                            <input type="radio" id="utilitastar2" name="utilita" value="2" /><label for="utilitastar2"></label>
                            <input type="radio" id="utilitastar1" name="utilita" value="1" /><label for="utilitastar1"></label>
                        </div>
                    </li>
                    <li>
                        <label>Facilita': </label>
                        <div id="fac" class="rating">
                            <input type="radio" id="facilitastar5" name="facilita" value="5" /><label for="facilitastar5"></label>
                            <input type="radio" id="facilitastar4" name="facilita" value="4" /><label for="facilitastar4"></label>
                            <input type="radio" id="facilitastar3" name="facilita" value="3" /><label for="facilitastar3"></label>
                            <input type="radio" id="facilitastar2" name="facilita" value="2" /><label for="facilitastar2"></label>
                            <input type="radio" id="facilitastar1" name="facilita" value="1" /><label for="facilitastar1"></label>
                        </div>
                    </li>
                    <li>
                        <label>Docente: </label>
                        <div id="doc" class="rating">
                            <input type="radio" id="docentestar5" name="docente" value="5" /><label for="docentestar5"></label>
                            <input type="radio" id="docentestar4" name="docente" value="4" /><label for="docentestar4"></label>
                            <input type="radio" id="docentestar3" name="docente" value="3" /><label for="docentestar3"></label>
                            <input type="radio" id="docentestar2" name="docente" value="2" /><label for="docentestar2"></label>
                            <input type="radio" id="docentestar1" name="docente" value="1" /><label for="docentestar1"></label>
                        </div>
                    </li>
                    <li>
                        <label>Materiale: </label>
                        <div id="mater" class="rating">
                            <input type="radio" id="materialestar5" name="materiale" value="5" /><label for="materialestar5"></label>
                            <input type="radio" id="materialestar4" name="materiale" value="4" /><label for="materialestar4"></label>
                            <input type="radio" id="materialestar3" name="materiale" value="3" /><label for="materialestar3"></label>
                            <input type="radio" id="materialestar2" name="materiale" value="2" /><label for="materialestar2"></label>
                            <input type="radio" id="materialestar1" name="materiale" value="1" /><label for="materialestar1"></label>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="centercontent">
                <button type="button" id="votebutton">
                    <span class="icon tick"></span>
                    <span class="label">Vota</span>
                </button>
            </div>
        </form>


    </div>
</div>